/*
 用于修改全局 element 样式,仅限于需要全局覆盖的
 单个组件内需要修改的样式在组件中单独定义修改
*/
@import "./baseColor.scss";

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
  border-color: $mainColor;
}

.el-picker-panel {
  z-index: 99999999 !important;
}

.el-select-dropdown.el-popper.yqtype {
  z-index: 99999999 !important;
}

.el-select-dropdown__item.selected {
  color: $mainColor;
}

.el-date-table td.today span {
  color: $mainColor;
}

.el-picker-panel__shortcut:hover {
  color: $mainColor;
}

.el-date-table td.available:hover {
  color: $mainColor;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: $mainColor;
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
  color: #FFF !important;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: $mainColor
}

.el-range-editor.is-active,
.el-range-editor.is-active:focus {
  border-color: $mainColor
}

.el-input.is-disabled .el-input__inner {
  border-color: $mainColor;
}

.el-button--text {
  color: $mainColor;
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
  color: $mainColor;
  border-color: $mainColor;
}

.el-time-spinner__item.active:not(.disabled) {
  color: $mainColor;
}

.el-time-panel__btn.confirm {
  color: $mainColor;
}

.el-picker-panel__icon-btn {
  color: $mainColor;
}

.el-button--success {
  background-color: #15CD96 !important;
  border-color: #15CD96 !important;
}

.el-tabs__nav-wrap::after {
  background-color: #FFF !important;
}

.el-pagination.is-background .btn-next {
  background-color: #fff;
}

.el-pagination.is-background .btn-prev {
  background-color: #fff;
}

.el-pagination.is-background .el-pager li {
  background-color: #fff;
}

.el-table {

  tr,
  td {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.el-table .cell {
  line-height: 40px;
}

// 针对模板 z-index 做修改
.con-vs-dropdown--menu {
  z-index: 51002 !important;
}

.con-vs-popup {
  z-index: 51002 !important;
}

.el-select-dropdown,
.el-popper {
  z-index: 51002 !important;
}

//el-image弹层
.el-image-viewer__wrapper {
  z-index: 51002 !important;
}

//去除upload组件过渡效果
.el-upload-list__item {
  transition: none !important;
}

.amap-marker-label{
  border:none !important;
  background-color: transparent !important;
  color: #327BDC !important;
  font-weight: 600 !important;
  font-size: 12px !important;
}

.is-current{
  background-color:#F5F7FA !important;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  color: #4d95fd !important;
  font-weight: bold !important;
} 

.el-loading-mask{
  z-index: 99999999 !important;
}
.tdt-bottom, .tdt-top{
  z-index: 9999999999 !important;
}
.tdt-iconLayers-layer{
  height: 40px !important;
  top: 9px !important;
  right: 25px !important;
}
.tdt-control-copyright, .tdt-control{
  display: none !important;
}

/* 覆盖滚动条样式 css */
::-webkit-scrollbar {
  width: 4px;
  /*height: 4px;*/
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
.el-scrollbar__wrap{
  overflow: auto !important;
}